<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
         <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                
                <title>MANTENIMIENTO MUNICIPIOS</title>
            </f:facet>
        </h:head>

        <h:body>

          <div id="container">
  <div id="banner">
    <h1>LA GEA EL SALVADOR</h1>
  </div>
              <div id="navbar2" >
    <ul>
        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
    </ul>
  </div>
  <div id="navbar">
      <h:form>
    <ul>
        <li><h:link outcome="MenuInicio">INICIO</h:link></li>
    <li><h:link outcome="Usuarios">USUARIO</h:link></li> 
    <li><h:link outcome="Reportes">REPORTES</h:link></li>
    <li><h:link outcome="Ordenes">ORDENES</h:link></li>
    <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
    <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
    <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
    <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>
    </ul>
          </h:form>
  </div>
  <div class="clear"></div>
  <div id="content">
     
      <h:form id="Deptos" style="font-size: 12px">
            
            <p:growl autoUpdate="true" id="gr" showDetail="true"/>
          <p:panel header="NUEVO MUNICIPIO" style="margin-bottom:10px;" id="panel">
            <h:panelGrid id="datosDepto" columns="2" cellspacing="5px" cellpadding="15px">
                 <h:outputLabel style="margin-top:15px">Nombre Municipio(*) &nbsp;</h:outputLabel>
                 <p:inputText autocomplete="false" required="true" value="#{municipiosBean.nombreMun}" id="NombreMun">
                 </p:inputText>
                 <h:outputLabel style="margin-top:15px">Departamento(*) &nbsp;</h:outputLabel>
                 <p:selectOneMenu required="true" value="#{municipiosBean.nombredep}" id="NombreDep">
                      <f:selectItem itemLabel="- Seleccione -"/>
                    <f:selectItems value="#{usuariosBean.alstDep}"/>
                 </p:selectOneMenu>
                 
            </h:panelGrid>  
              <p:commandButton actionListener="#{municipiosBean.crearMunicipio()}" update=":Deptos:muni"  value="Guardar">
              </p:commandButton>&nbsp;
              <p:commandButton immediate="true" onclick="this.form.reset()"  value="Cancelar" ></p:commandButton>
         
          </p:panel>
            
            <p:dataTable var="mun" value="#{municipiosBean.lstMun}" id="muni" editable="true"
                            paginator="true" rows="5"  paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "  
                 > 
                 <f:facet name="header">  
          MUNICIPIOS INGRESADOS 
        </f:facet> 
                
    
         <p:column headerText="ID" style="width:30%">  
            
        <f:facet name="header">  
            <h:outputText value="ID" />  
        </f:facet>  
             <h:outputText value="#{mun.id}" />  
    </p:column>  
 
        
         <p:column headerText="MUNICIPIO" style="width:50%">  
           
                <f:facet name="header">  
                   <h:outputText value="MUNICIPIO" />  
                </f:facet>  
                 <h:outputText value="#{mun.nombreM}" /> 
           
        </p:column>  
        <p:column headerText="Departamento" style="width:100%">  
           <f:facet name="header">  
                    <h:outputText value="DEPARTAMENTO" />  
                </f:facet>  
                 <h:outputText value="#{mun.nombreDep}" /> 
           
        </p:column>  
        
                
            </p:dataTable>
                <h:panelGrid>  
    <p:panel header="EXPORTAR DATOS">  
        
        <h:commandLink immediate="true">  
            <p:graphicImage value="/images/pdf.png" />  
            <p:dataExporter type="pdf" target="muni" fileName="Departamentos"/>  
        </h:commandLink> 
         <h:commandLink immediate="true">  
            <p:graphicImage value="/images/excel.png" />  
            <p:dataExporter type="xls" target="muni" fileName="Departamentos"/>  
        </h:commandLink> 
         
    </p:panel>  
      
</h:panelGrid>
         
      </h:form>
  </div>
  <div class="clear"></div>
  <div id="footer">
      <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
  </div>
</div>

        </h:body>

    </f:view>
</html>